<template>
  <span class="wrapper" v-drag="pos">
    <Icon type="md-settings" size="40" color="red" @click="config.show=!config.show"/>
    <AtomConfigTools :config="config"></AtomConfigTools>
  </span>
</template>

<script>
import AtomConfigTools from './config'
export default {
  name:'AtomSetting',
  components: {AtomConfigTools},
  data() {
    return {
      pos:{
        right:20,
        bottom:20
      },
      config:{
        title:'工具箱',
        show:false
      }
    };
  },
  props: {},
  watch: {},
  computed: {},
  created() {},
  mounted() {
    
  },
  methods: {}
};
</script>
<style scoped lang="scss">
.wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 50%;
  border:1px solid red;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  z-index:999999;
  width:50px;
  height:50px;
}
</style>